<div class="row">
    <div class="col-md-6">
        <!--月度收入-->
        <div class="panel" style="height:390px">
            <div class="panel-body" >
                <echarts-ng2 #monthIncome [style]="{'width': '100%', 'height': '390px', 'display': 'inline-block'}" [option]="datas_mon_inc"></echarts-ng2>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <!--客户节点统计-->
        <div class="panel">
            <div class="panel-body">
                <echarts-ng2 #nodeStatist [style]="{'width': '100%', 'height': '350px', 'display': 'inline-block'}" [option]="option"></echarts-ng2>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <!--战区销售量统计-->
        <div class="panel" style="height:340px">
            <div class="panel-body">
                <echarts-ng2 #regionSaleStatist [style]="{'width': '100%', 'height': '350px', 'display': 'inline-block'}" [option]="datas_reg_sal_stc"></echarts-ng2>
            </div>
        </div>
    </div>
    <div class="col-md-6 col-sm-12 container">
        <div class="col-md-6">
            <!--行业排名-->
            <div class="panel" style="height:340px">
                <div class="panel-body">
                    <echarts-ng2 #industryRank [style]="{'width': '100%', 'height': '350px', 'display': 'inline-block'}" [option]="datas_idt_rank"></echarts-ng2>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="panel" style="height:340px">
                <!--产品排名-->
                <div class="panel-body">
                    <echarts-ng2 #productRank [style]="{'width': '100%', 'height': '350px', 'display': 'inline-block'}" [option]="datas_pdt_rank"></echarts-ng2>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <!--渠道销售数据对比-->
    <div class="col-md-6">
        <div class="panel" style="height:380px">
            <div class="panel-heading">
                <h4 style="color:#2D9ED5;font-weight:bold;font-size:18px;">{{('home.homepage.managerportal.chnlSaleCompare' | translate) ||'渠道销售数据对比'}}</h4>
                <div class="row text-danger" style="margin-top:20px">
                    <h5 class="col-xs-6">{{('home.homepage.managerportal.monthTop' | translate) ||'当月TOP5'}}</h5>
                </div>
            </div>
            <div class="panel-body" style="height:280.5px;padding-top:0">
                <div class=" table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>No.</th>
                                <th>{{('home.homepage.managerportal.chnlName' | translate) ||'渠道名称'}}</th>
                                <th>{{('home.homepage.managerportal.month' | translate) ||'月份'}}</th>
                                <th>{{('home.homepage.managerportal.sales' | translate) ||'销量'}}</th>
                                <th>{{('home.homepage.managerportal.compare' | translate) ||'同比'}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let info of datas_chn_sal_cmp">
                                <td>{{info.num}}</td>
                                <td>{{info.chnlName}}</td>
                                <td>{{info.month}}</td>
                                <td [style.color]="'#4E96F2'">{{('home.homepage.managerportal.currencyUnit' | translate) ||'¥'}} {{ info.sales | number:'1.2-2'}}</td>
                                <td [ngClass]="info.from>0?'text-danger':info.from<0?'text-success':'text-warning'"><span [ngClass]="info.from>0?'glyphicon glyphicon-arrow-up':info.from<0?'glyphicon glyphicon-arrow-down':''"></span>&nbsp;{{info.from}} %</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="panel" style="height:380px">
            <!--产品销售量统计-->
            <div class="panel-body">
                <echarts-ng2 #productSaleStatist [style]="{'width': '100%', 'height': '370px', 'display': 'inline-block'}" [option]="datas_pdt_sal_stc"></echarts-ng2>
            </div>
        </div>
    </div>
</div>